import { createElement, useEffect, useState } from 'rax';
import View from 'rax-view';
import Image from 'rax-image';
import './index.css';

const Double = (props) => {
  return (
    <View
      className='maskView'
      onClick={()=>{props.onClose && props.onClose()}}
    >
      <View className="modal_member">
        <View className="modal_member_info">
          <Image
            source={{
              uri: 'https://jala-test-images.sndaurl.cn/images/member.png'
            }}
            className="modal_member_info_img"
            mode='aspectFill'
          />
        </View>
        <View className="modal_member_title">加入会员，开启变妆之旅</View>
        <View className="modal_member_desc">点击按钮跳转至抖音“自然堂官方旗舰店”，进入首页点击入会海报注册会员，注册成功即可返回此小程序，开启变妆之旅～</View>
        <View
          className="modal_member_action"
          onClick={()=>{props.onJoin && props.onJoin()}}
        >点击跳转加入会员</View>
      </View>
    </View>
  )
}
export default Double;
